<template>
  <div class="easy-container flex">
    <div class="cell flex-1 flex align-items-center" style="min-width: 0">
      <el-tag :type="item.signType" class="m-r-10">{{ item.signLabel }}</el-tag>
      <div class="flex flex-wrap">
        <router-link
          :to="item.path"
          class="title link no-warp-ellipsis-line2"
          v-text="item.title"
        />
        <el-tag v-for="tag in item.tags" :key="tag" v-text="tag" size="mini" />
      </div>
    </div>
    <div class="cell flex content-center align-items-center hidden-xs-only" style="width: 5.75rem;">
      <router-link
        :to="item.authorPath"
        class="link no-warp-ellipsis"
        v-text="item.authorNickname"
      />
    </div>
    <div class="cell link no-warp-ellipsis" style="width: 10rem;">
      <div>所属空间</div>
      <router-link :to="item.spacePath" class="title" v-text="item.spaceTitle" />
    </div>
    <div class="cell text-right" style="width: 5.35rem;">
      <item-icons :item="item" />
      <timeago2 :date-time="item.updated_at" pre-text="更新于" auto-pre />
    </div>
  </div>
</template>

<script>
import ItemIcons from './item-icons';

export default {
  name: 'result-list-item',
  components: { ItemIcons },
  props: {
    item: Object,
  },
};
</script>

<style></style>
